import GlobalPages from '../GlobalPages'
import GlobalFooter from '../GlobalFooter'
export default {
  name: 'GlobalFullScreen',
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
    toggleCollapse () {
      this.collapsed = !this.collapsed
    }
  },
  render () {
    // 内容样式
    const { contentStyle, getLayoutStyle, getFooterStyle } = this
    return (
      <GlobalPages>
        <div slot="GlobalRight" style={getLayoutStyle}>
          {/* 内容 */}
          <div class="Global-content" style={contentStyle}>
            <router-view />
          </div>
        </div>
        {/* 底部菜单 */}
        <div slot="footer">
          <GlobalFooter style={getFooterStyle} />
        </div>
      </GlobalPages>
    )
  }
}
